"use client"

import { addDays } from "date-fns"

import { Calendar } from "~/registry/miami/ui/calendar"
import { Card, CardContent } from "~/registry/miami/ui/card"

const start = new Date(2023, 5, 5)

export function CardsCalendar() {
   return (
      <Card className="max-w-[260px]">
         <CardContent className="p-1">
            <Calendar
               numberOfMonths={1}
               mode="range"
               defaultMonth={start}
               selected={{
                  from: start,
                  to: addDays(start, 8),
               }}
            />
         </CardContent>
      </Card>
   )
}
